<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initail-scale=1.0,width=device-width">
		<title>小蜗</title>
		<link rel="stylesheet" href="dist/css/bootstrap.min.css">
		<script src="dist/js/jquery.min.js"></script>
		<script src="dist/js/bootstrap.min.js"></script>
		<!-- 引入这些文件至 <head> 中 -->
		<link rel="stylesheet" href="dist/css/responsive-nav.css">
		<link rel="stylesheet" href="dist/css/style.css">
		<script src="dist/js/responsive-nav.js"></script>
	</head>

	<body>
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#">小蜗</a>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active"><a href="#">广场 <span class="sr-only">(current)</span></a></li>
							<li><a href="#">关于</a></li>
						</ul>
						<form class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="请输入内容">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li data-toggle="modal"><a href="#">用户名</a></li>
							<li data-toggle="modal"><a href="index.html">退出</a></li>
						</ul>
					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container-fluid -->
			</div>
		</nav>

		<div id="search" class="container update">
			<div class="row">
				<div class="col-md-3 col-sm-3"></div>
				<div class="col-md-6 col-sm-6">

					<div class="well">

						<div class="row">
							<label class="col-sm-3 control-label" maxlength="20">标题</label>
							<div class="col-sm-8 inputtext">
								<input type="text" class="form-control" id="inputEmail3" placeholder="title">
							</div>
							<label class="col-sm-3 control-label" maxlength="10">作者</label>
							<div class="col-sm-8 inputtext">
								<input type="text" class="form-control" id="inputPassword3" placeholder="author">
							</div>
							<label class="col-sm-3 control-label">简介</label>
							<div class="col-sm-8 inputtext">
								<textarea maxlength="30" class="form-control textarea" rows="3" placeholder="请输入简介（不超过30字）…" required></textarea>
							</div>
							<div class="col-sm-offset-3 col-sm-8">
								<a href="#" class="file">
								<input type="file" value="name" id="exampleInputFile">选择文件</a>
							</a><br></div>
							

							<div class="btn-group updateselect col-sm-offset-3 col-sm-8">
								<button type="button" class="btn btn-info btn-major">请选择专业</button>
								<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									<span class="caret"></span>
									<span class="sr-only">Toggle Dropdown</span>
								</button>
								<ul class="dropdown-menu dropdown-major">
									<li><a href="#">计算机类</a></li>
									<li><a href="#">计算机科学与技术</a></li>
									<li><a href="#">计算机科学与技术(师范)</a></li>
									<li><a href="#">网络工程</a></li>
									<li><a href="#">电子商务</a></li>
									<li><a href="#">教育技术</a></li>
									<li><a href="#">自动化</a></li>
									<li><a href="#">软件工程</a></li>
									<li><a href="#">信息管理</a></li>
								</ul>
							</div>
							<div class="col-sm-offset-3 col-sm-8">
								<button type="button" class="updatebtn btn btn-info disabled" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									上传
								</button>
							</div>
						</div>

					</div>

				</div>
				<div class="col-md-3 col-sm-3"></div>
			</div>
		</div>

		<footer id="footer">
			<div class="footertext">
				<p>渝ICP备00000000号 渝ICP证000000号 人才服务许可证:RC000000 京公网安备11010502026763</p>
				<p>Copyright©2015 youngworms.com All Rights Reserved</p>
			</div>
		</footer>

		<script>
			$(document).ready(function() {
				$('#search').css({
					"min-height": $(window).height() - 182
				});
				$(window).resize(function() { //当浏览器大小变化时
					$('#search').css({
						"min-height": $(window).height() - 182
					});
				});
			}); //固定页脚在浏览器底部
			var navigation = responsiveNav(".collapse", { // Selector: The ID of the wrapper
				animate: true, // Boolean: 是否启动CSS过渡效果（transitions）， true 或 false
				transition: 400, // Integer: 过渡效果的执行速度，以毫秒（millisecond）为单位
				label: '', // String: Label for the navigation toggle
				insert: "after", // String: Insert the toggle before or after the navigation
				customToggle: ".collapsed", // Selector: Specify the ID of a custom toggle
				openPos: "relative", // String: Position of the opened nav, relative or static
				jsClass: "js", // String: 'JS enabled' class which is added to <html> el
				debug: false, // Boolean: Log debug messages to console, true 或 false
			});
			$('.dropdown-toggle').dropdown();
			 //			$('.dropdown-university').children().on('click', function() {
			 //				$('.btn-university').text($(this).text());
			 //			})
			 //			 $('.dropdown-school').children().on('click', function() {
			 //				$('.btn-school').text($(this).text());
			 //			})
			 //			学校和学院 暂时用不到
			$('.dropdown-major').children().on('click', function() {
				$('.btn-major').text($(this).text());
				$('.updatebtn').removeClass('disabled');
			})
		</script>
	</body>

</html>